Page({
  /**
   * 页面的初始数据
   */
  data: {
    products: [
    ],
    currentPageNum: 1, //默认第一页,
    pageSize: 6, //默认多少条，修改为驼峰命名
  },

  /**
   * 处理登录事件
   */
  onLogin() {

  },

  /**
   * 生命周期函数--监听页面加载
   * options就是用来获取参数
   */
  onLoad(options) {
    if (options && options.id) {
      wx.showToast({
        title: '参数是:' + options.id,
      })
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    this.onQueryData()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    wx.showToast({
      title: '刷新信息',
    })
    this.setData({
      currentPageNum: 1
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    wx.showToast({
      title: '加载新数据',
    })
    //每次触底都要对分页数据进行**
    this.setData({
      currentPageNum: this.data.currentPageNum + 1
    })
    this.onQueryData()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  onImageClick(event) {
    const id = event.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/detail/detail?id=' + id,
      success: function () {
        console.log('页面跳转成功');
      },
      fail: function (err) {
        console.log('页面跳转失败', err);
      }
    });
  },

  /**
   * 每次进入页面重新查询数据
   */
  onQueryData() {
    wx.request({
      url: `http://localhost:3000/books?_page=${this.data.currentPageNum}&_per_page=${this.data.pageSize}`, //仅为示例，并非真实的接口地址
      success: (res) => {
        console.log(res.data)
        //如果已经超过了总页数，数据不能发生改变
        if (this.data.currentPageNum > res.data.pages) {
          wx.showToast({
            title: '已经没有数据了',
          })
        } else {
          //把原有数据保留+新的数据
          const newData = [...this.data.products, ...res.data.data]
          this.setData({
            products: newData
          })
        }

      }
    })
  }
});
